<template>
  <!-- 导航 -->
  <van-nav-bar
    title="我的订单"
    left-text="返回"
    left-arrow
    @click-left="
      () => {
        $router.push('/orderxq');
      }
    "
  />
  <!-- 订单列表交易成功 -->
  <van-tabs v-model:active="active">
    <van-tab title="全部">
        <!-- 订单 -->
      <van-card
        num="2"
        price="2.00"
        desc="描述信息"
        title="商品标题"
        thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
      />
      <van-card
        num="5"
        price="10.00"
        desc="描述信息"
        title="商品标题"
        thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
      />
      <van-card
        num="1"
        price="120.0"
        desc="描述信息"
        title="商品标题"
        thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
      />
    </van-tab>
    <van-tab title="待付款">
      <!-- 订单 -->
      <van-card
        num="2"
        price="2.00"
        desc="描述信息"
        title="商品标题"
        thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
      />
      <button style="float: right;background: red;border: none;color: #fff;width: 100px;height: 45px;line-height: 45px;margin-top: 10px;">去支付</button>
    </van-tab>
    <van-tab title="待分享">待分享</van-tab>
    <van-tab title="待发货">待发货</van-tab>
    <van-tab title="待收货">待收货</van-tab>
    <van-tab title="评价">评价</van-tab>
  </van-tabs>
</template>

<script setup>
</script>

<style lang="scss" scoped>
</style>